<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" src="resources/script.js"></script>
    <link rel="stylesheet" type="text/css" href="resources/fitweb.css"/>
    <link rel="stylesheet" type="text/css" href="resources/style.css"/>
</head>
<body onload="initialise(this);">
<div class="centered page">
    <div class="heading rounded">
        <h1>A FitWeb Test</h1>
    </div>
    <div class="content rounded" style="position: relative;">
        <table class="pageFixture hover">
            <tr>
                <td>org.fitweb.fixture.WebFixture</td>
            </tr>
        </table>
        <h4>User Can Order A Pet By Name</h4>
        <table class="setup">
            <tr>
                <td class="pass">define element</td>
                <td class="name">Pet's Name</td>
                <td class="pass">as</td>
                <td>//li/input[@name='pet']</td>
            </tr>
            <tr>
                <td class="pass">define element</td>
                <td class="name">Availability</td>
                <td class="pass">as</td>
                <td>//li/span[@id='availability']</td>
            </tr>
            <tr>
                <td class="pass">define element</td>
                <td class="name">Submit</td>
                <td class="pass">as</td>
                <td>//li/input[@type='submit']</td>
            </tr>
        </table>
        <table>
            <tr>
                <td class="pass">browse</td>
                <td class="value">http://pets-online.com/order</td>
            </tr>
        </table>
        <table>
            <tr>
                <td class="pass">assert</td>
                <td class="name">Title</td>
                <td class="pass">contains</td>
                <td class="value">Pets Online - Delivered Daily</td>
            </tr>
        </table>
        <table>
            <tr>
                <td class="pass">into</td>
                <td class="name">Pet's Name</td>
                <td class="pass">enter</td>
                <td class="value">Boris</td>
            </tr>
        </table>

        <table>
            <tr>
                <td class="pass">wait for</td>
                <td class="name">Availability</td>
                <td class="pass">to contain</td>
                <td class="value">A pet called Boris is available!</td>
            </tr>
        </table>
        <table>
            <tr>
                <td class="pass">click</td>
                <td class="name" colspan="3">Submit</td>
            </tr>
        </table>
        <table>
            <tr>
                <td class="title" colspan="2">check fields</td>
            </tr>
            <tr class="setup">
                <td class="name">name</td>
                <td class="name">value</td>
            </tr>
            <tr class="pass">
                <td>pet</td>
                <td>Boris</td>
            </tr>
            <tr class="pass">
                <td>delivery_note</td>
                <td>airholes required in package</td>
            </tr>
            <tr class="pass">
                <td>status</td>
                <td>dispatched</td>
            </tr>
        </table>

        <table style="margin-top: 10px; background-color: white;">
            <tr>
                <td>fit.Summary</td>
                <td></td>
            </tr>
            <tr>
                <td><span class="fit_grey">counts</span></td>
                <td class="pass"><span class="fit_grey">22 right, 0 wrong, 0 ignored, 0 exceptions</span></td>
            </tr>
        </table>
    </div>
</div>

<input type="hidden" id="nextpage" name="nextpage" value="4.3_fitweb_example_2"/>
</body>
</html>